<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">
  <link rel="stylesheet" href="js/layui-v2.5.6/layui/css/layui.css"  media="all">
  <title>会议室管理</title>

  <!--data table-->
  <link rel="stylesheet" href="js/data-tables/DT_bootstrap.css" />

  <link href="css/style.css" rel="stylesheet">
  <link href="css/style-responsive.css" rel="stylesheet">
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
         
            <h3 style="color: white">&nbsp; &nbsp;管理学院MRBS</h3>
        </div>

        <div class="logo-icon text-center">
           
      </div>
        <!--logo and iconic logo end-->


        <div class="left-side-inner">

            

            <!--sidebar nav start-->
            <ul class="nav nav-pills nav-stacked custom-nav">
				<br>
                <li><a href="index.html"><i class="fa fa-home"></i> <span>会议室审核</span></a></li>
                <li><a href="newusers.html"><i class="fa fa-tasks"></i> <span>新用户审核</span></a></li>
                <li><a href="room.html"><i class="fa fa-building-o"></i> <span>会议室管理</span></a></li>
                <li><a href="users.html"><i class="fa fa-users"></i> <span>用户管理</span></a></li>
                <li><a href="publish.html"><i class="fa fa-comment-o"></i> <span>信息发布</span></a></li>
                <li><a href="message.html"><i class="fa fa-archive"></i> <span>公告管理</span></a></li>
                <li><a href="book_list.html"><i class="fa fa-bullhorn"></i> <span>预约情况</span></a> </li> 
                
            </ul>
            <!--sidebar nav end-->

        </div>
    </div>
    <!-- left side end-->
    
    <!-- main content start-->
    <div class="main-content" >

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->



            <!--notification menu start -->
        <div class="menu-right">
            <ul class="notification-menu">
                    
                <li>
                    <a href="#" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <i class="fa fa-user"></i>
                        管理员
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                        
                        <li><a onclick="backQuit()"><i class="fa fa-sign-out"></i>注销</a></li>
                    </ul>
                </li>

            </ul>
        </div>
        <!--notification menu end -->

        </div>
        <!-- header section end-->

        <!-- page heading start-->
        <div class="page-heading">
            <h3>
                会议室管理
            </h3>
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <div class="wrapper">
             <div class="row">
                <div class="col-sm-12">
                <section class="panel">
                <!-- lst -->
                <div class="panel-body" style="padding-bottom:40px">
                <div class="adv-table editable-table ">
                <div class="clearfix">
                    <div class="btn-group">
                        <button id="editable-sample_new" onclick="add()" class="btn btn-primary" style="margin:20px 0">  <!-- lst -->
                            添加会议室 <i class="fa fa-plus"></i>
                        </button>
                    </div>
                   
                </div>
                <div class="space15"></div>
                <table class="table table-striped table-hover table-bordered" id="editable-sample">
                <thead>
                <tr>   
                    <!-- <th style="width:10%"><center>会议室名称&nbsp;</center></th>
                    <th style="width:10%"><center>院别&nbsp;</center></th>
                    <th style="width:15%"><center>地址&nbsp;</center></th>
                    <th style="width:10%"><center>可用时间</center></th>
                    <th style="width:7%"><center>容量&nbsp;</center></th>
                    <th style="width:7%"><center>状态</center></th>
                    <th style="width:12%"><center>设备</center></th>
                    <th style="width:7%"><center>编辑</center></th>
                    <th style="width:7%"><center>删除</center></th> -->

                    <th style="width:10%">会议室名称&nbsp;</th>
                    <th style="width:10%">院别&nbsp;</th>
                    <th style="width:15%">地址&nbsp;</th>
                    <!-- <th style="width:10%">可用时间</th> -->
                    <th style="width:7%">容量&nbsp;</th>
                    <th style="width:7%">状态</th>
                    <th style="width:12%">设备</th>
                    <th style="width:7%">编辑</th>
                    <th style="width:7%">删除</th>
                </tr>
                </thead>
                <!-- <tbody class="bo">
	                <tr class="odd">	
	                    <td class="roomname">六教213</td>
	                    <td class="roomtype">管理科学与工程</td>
	                    <td class="roomaddress">本部六教213</td>
	                    <td class= "time">8.00-18.00</td>
	                    <td class="capacity">120人</td>
	                    <td class= "status">空闲</td>
	                    <td class= "equipment">多媒体</td>
	                    <td ><a class="edit" href="javascript:;">Edit</a></td>
	                    <td><a class="delete" href="javascript:;">Delete</a></td>
	                </tr>                
                </tbody>  -->
                
                 <!-- lst js动态生成-->
                <tbody class="bo"></tbody>  
                 
                </table>
                </div>
                </div>
                </section>
                </div>
                </div>
        </div>
        <!--分页-->
        <div id="demo1" style="position:fixed; bottom:50px;right:20px"></div>

        <!--footer section start-->
        <footer class="sticky-footer"> 2020 &copy; 管理学院会议室预约系统 by 信息管理与信息系统 </footer>
        <!--footer section end-->



    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="js/script/jquery-1.10.2.min.js"></script>
<script src="js/script/jquery-ui-1.9.2.custom.min.js"></script>
<script src="js/script/jquery-migrate-1.2.1.min.js"></script>
<script src="js/script/bootstrap.min.js"></script>
<script src="js/script/modernizr.min.js"></script>
<script src="js/script/jquery.nicescroll.js"></script>


<!-- lst -->
<script type="text/javascript" src="js/utilcommon.js"></script>
<script src="js/layer-v3.1.1/layer/layer.js" ></script>
<script src="js/layui-v2.5.6/layui/layui.js" charset="utf-8"></script>
<script src="js/back/is.js"></script>
<script src="js/back/room.js"></script>

<!--common scripts for all pages-->
<script src="js/scripts.js"></script>

</body>
</html>
